/* 此文件为详情页*/

/* 获取当前数据的id - 地址栏中的数据*/
var search = location.search
var arr = /id=(\d+)/.exec(search)
if(!arr){
    layer.msg('非法请求',{
        icon:2,
        time:1500
    },function(){
        location.href = '../html/listno.html'
    })
}
// console.log(search,arr);
var id = arr[1]
// console.log(id);
/* 加载层*/
var loadindex = layer.load(1,{
    shade:[1,"#000"]
})
// 发送请求 - 商品数据
$.get('../php/detail.php',{id},res=>{
    // console.log(res);
    layer.close(loadindex)
    // 解构
    var {meta:{status,msg},data} = res;
    if(status === 1){
        $('.goodsname span').text(data.name)
        $('.goodsprice span').text(data.price)
        $('.goodsintroduce span').text(data.introduce)
        var smallimgarr = data.imgpath.split('==========')
        var img = '';
        smallimgarr.forEach((item,index)=>{
            if(index === 0){
                img +=`
                    <img class="active" src="${item}">
                `
                $('.box>img').attr('src',item)
                $('.big>img').attr('src',item)
            }else{
                img +=`
                <img src="${item}">
                `
            }
            
        })
        $('.small').html(img)
        /* 启动放大镜 */
        enlarge()
        /* 加入购物车 */
        addcart()
    }
},'json')

/* 加入购物车 
    + 存数据 => 存入数据库 -> 比较复杂 （工作中会给文件发送Ajax）
    + 本地存储 - 模拟购物车数据
    + 存储内容： gooddid  number  usrid
    [{goodsid number userid},{goodsid number userid}]
*/

function addcart(){
    /* 按钮添加点击事件 */
    var username = tool.getCookie('username')
    // console.log(username);
    $('.addcart').click(function(){
        
        // var username = tool.getCookie('username')
        if(!username){
            layer.msg("请先登录",{
                icon:2,
                time:1500
            },function(){
                /* 获取到当前页面的 url - 存在本地储存 */
                localStorage.setItem('url',location.href)
                location.href = "../html/login.html"
            })
            return false;
        }
        // console.log(111);
        // 先获取本地存储，是否有数据，有就追加，没有就新增
        var data = localStorage.getItem('data')
        if(data){
            var arr = JSON.parse(data)
            console.log(arr);
            // 如果有数据 - 筛选一下是否有当前这条数据
            var obj = arr.find(item=>item.username === username && item.goodsid === id)
            if(obj){
                // 有数据就number+1
                obj.number += 1
            }else{
                // 没有就新建一个数据
                var obj = {
                    goodsid:id,
                    username,
                    number:1
                }
                arr.push(obj)
            }
        }else{
            var arr = [{
                goodsid:id,
                username,
                number:1
            }];
            // arr.push(obj) 
        }
        // 存储arr
        localStorage.setItem('data',JSON.stringify(arr))
    })
}








